﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width" />
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    @Styles.Render("~/Content/mobileCss", "~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
</head>
<body>
    <div data-role="page">
        <div data-role="header" data-position="fixed">
            @if (IsSectionDefined("Header"))
            {
                @RenderSection("Header", required: false)
            }
            else
            {
                <h1>@ViewBag.Title</h1>
            }
            @Html.ActionLink("Đăng nhập", "Index", "Home", null, new Dictionary<string, object> { { "data-icon", "home" }, { "class", "ui-btn-right" } })
        </div>
        <div data-role="content">
            @if (IsSectionDefined("ContentLeft"))
            {
                <div class="content-secondary">
                    <div data-role="collapsible" data-collapsed="true" class="ui-collapsible ui-collapsible-inset ui-collapsible-collapsed">
                        @RenderSection("ContentLeft", required: false)
                    </div>
                </div>
                <div class="content-primary">
                    @RenderBody()
                </div>
            }
            else
            {
                @RenderBody()
            }
        </div>
        <div data-role="footer" data-position="fixed">
            @if (IsSectionDefined("Footer"))
            {
                @RenderSection("Footer", required: false)
            }
            else
            {

            }
        </div>
    </div>
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryui")
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/jquerymobile")
    @RenderSection("scripts", required: false)
</body>
</html>
